<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta name="Generator" content="EditPlus®">
		<meta name="Author" content="周水平">
		<meta name="Keywords" content="关键字、关键词">
		<meta name="Description" content="描述和简介">
		<title>Document</title>
		<style type="text/css">
          *{margin:0;padding:0}
		  body,h1,h2,h3,h4,h5,h6,dl,dd{
             margin:0;
		}
		ul,ol,li{
		       list-style:none;
			   margin:0;
			   padding:0;
			  }
		a{ text-decoration:none; color:#000;}
		img{border:none;vertical-align:top;}
		.main{
		   width:1000px;
		   margin:0px auto;
		
		}
		.fL{
            float:left;
		}
		.fR{
		   float:right;
		} 
		.clearfixed:after{
		  content:"";
		  display:block;
		  clear:both;
		}
		.fontS12{
		   font-size:12px;		  
		}
        .fontS18{
		  font-size:18px;
		  color:#ccc;
		}
		.sanj:before{
		    content:"";
		     position:absolute;
			 bottom:-10px;
			 left:19px;
			 z-index:1;
		   width:0;
		   height:0;
		   border:5px solid transparent;
		   border-top:5px solid red;
		}
        .mar-r{
		    margin-right:30px;
		}
		.mar-b{
		   margin-bottom:30px;
		}
        /* s top */
		#top{
		   width:auto;
		}
        #top .top-con{
		   position:relative;
		   width:100%;
		   height:200px;
		   margin:0px auto;
		    overflow:hidden;
		}
		#top .top-con .logo{
		   position:absolute;
		   width:100%;
		   left:0;
		   top:0;
		   right:0;
		   bottom:0;
		}

        #top .top-con .logo img{
		     min-width:1920px;
			 width:100%;
			 margin:auto;
			 position:absolute;
			 left:-9999px;
			 right:-9999px;
		}
		#top .top-con  .top-img{
		   position:absolute;
		   top:0px;
		   left:0px;
		   z-index:1;
		}
		#top .top-con  .top-img img{
		   margin-left:100px;
		   margin-top:20px;
		}
		#top .search .sear{
		   height:41px;
		   border-bottom:1px solid #000;
		}
		#top .search .sear .sear-con{
			 height:40px;
			 line-height:40px;
		}
		#top .search .sear .sear-con ul li{
		    float:left;
		}
		#top .search .sear .sear-con ul li.ul-list{
		   float:right;
		}
        #top .search .sear .sear-con ul li .btn1{
		       color:#000;
			   padding-left:15px;
			   margin-right:10px;
			   font-size:12px;
			   background:url("image/sprit.png")no-repeat 0px 3px;

		}
		#top .search .sear .sear-con ul li .btn2{
		   display:block;
			height:32px;
			width:41px;
			background:url("image/sprit.png")no-repeat 0px -318px;
		 
		}
		#top .search .sear .sear-con ul li .btn2:hover{
		   background-position:0px -365px;
		}
        #top .search .sear .sear-con ul li .li-con{
		   position:relative;
		   height:40px;
		   margin-right:150px;
		   
		}

		 #top .search .sear .sear-con ul li .li-con .btn{
		   display:inline-block;
		   padding-left:32px;
		   font-size:14px;
		   color:#000;
		   background:url("image/sprit.png")no-repeat;
           vertical-align:top;
		 }
        
		 #top .search .sear .sear-con ul li a.btn1:hover{
		     color:#f60;
			  background-position:0px -28px;
		 }
 
		 #top .search .sear .sear-con ul li .li-con i{
		      display:inline-block;
			  margin:0px 5px;
		      width:2px;
			  height:41px;
			  vertical-align:middle;
			  background:url("image/sprit.png")no-repeat 0px -683px;
		  }

		#top .search .sear .sear-con ul li .li-con a.reset{
		      background-position:0px -53px;
		  }
	    #top .search .sear .sear-con ul li .li-con a.reset:hover{
		     background-position:0px -96px;
		 }
		#top .search .sear .sear-con ul li .li-con a.sigin{
		      background-position:0px -140px;
		   }

        #top .search .sear .sear-con ul li .li-con a.sigin:hover{
		      background-position:0px -183px;  
        }
        #top .search .sear .sear-con ul li .li-con .imgBtn{
		   position:relative;
		   display:block;
		   z-index:1;
		   margin-left:20px;
		   width:170px;
		   height:41px;
           vertical-align:top;
		   background:url("image/user.jpg")no-repeat;
		}
		#top .search .sear .sear-con ul li .li-con .imgBtn:hover{
		    background:url("image/user-hover.jpg")no-repeat;
		}
		#top .search .sear .sear-con ul li .li-con .img-a{
		    position:absolute;
			top:0px;
			left:263px; 
			transition:top 1s;
		}
		#top .search .sear .sear-con ul li .li-con:hover .img-a{
			display:block;
			top:39px;
		}
		#top .search .sear .sear-con ul li .li-con .img-a .imgbtn-a{
		    display:block;
			float:left;
			width:56px;
			height:37px;
			background:url("image/red-icon.jpg")no-repeat;
		}

		#top .search .sear .sear-con ul li .li-con .img-a .weixin{
		    position:relative;
		}

		#top .search .sear .sear-con ul li .li-con .img-a .weixin .ewm{
		     position:absolute;
			 top:37px;
			 left:0px;
			 z-index:999;
			 display:none;
		}
        
		#top .search .sear .sear-con ul li .li-con .img-a .weixin:hover .ewm{
		    display:block;
		
		}
        #top .search .sear .sear-con ul li .li-con .img-a .img-b1{
		    background-position:-1px 3px;
		}
         #top .search .sear .sear-con ul li .li-con .img-a .img-b2{
		    background-position:-58px 3px;
		}
		 #top .search .sear .sear-con ul li .li-con .img-a .img-b3{
		    background-position:-112px 3px;
		}

		#top .search .list{
		border-bottom:5px solid #000;
		   height:38px;
		   font-size:16px;
		}

		#top .search .list .ulList li{
		   float:left;
		   height:38px;
		   line-height:38px;
		}
        #top .search .list .ulList li a{
		   display:block;
		    padding:0px 9px;
		   height:100%;
		   color:#000;
		}
        #top .search .list .ulList li a.txt-fist{
		    color:#fff;
			background:#f00;
		}
		 #top .search .list .ulList li:nth-child(19) a{
		      padding:0px 1px;
		 }
		#top .search .list .ulList li a:hover{
		    color:#fff;
			background:#f00;
		}	
        /* e top */ 

        /* s  content*/
		#content{
		   padding-top:30px;
		}
        #content .con-f1 .con-left{
		   width:680px;
		}
		#content .con-f1 .con-left .con-banner{
		  position:relative;
		  width:680px;

		}
		#content .con-f1 .con-left .con-banner .con-bat{
		  position:absolute;
		   display:block;
		   width:23px;
		   height:43px;
		   background:url("image/icons-sprite.png")no-repeat;
		}
		#content .con-f1 .con-left .con-banner .prev{
		   top:50%;
		   left:0;
		   margin-top:-21.5px;
		   background-position:0px -120px;
		}
		#content .con-f1 .con-left .con-banner .prev:hover{
		   background-position:0px -165px;
		}
		#content .con-f1 .con-left .con-banner .next{
		   top:50%;
		   right:0;
		   margin-top:-21.5px;
		   background-position:0px -212px;

		}

		#content .con-f1 .con-left .con-banner .next:hover{
		   background-position:0px -256px;
		}
		#content .con-f1 .con-left .con-txt{
		   width:680px;
		   font-size:14px;
		}

		#content .con-f1 .con-left .con-txt .txt-p span{
		    display:inline-block;
			width:211px;
			padding:0 6px;
			line-height:30px;
			background:url("image/dott.jpg")no-repeat 0px center;
		}
		#content .con-f1 .con-left .con-txt .txt-p span a:hover{
		   text-decoration:underline;
		}
		#content .con-f1 .con-left .con-txt .txt-p span a{
		   color:#000;
		}
		#content .con-f1 .con-right{
		   width:300px;
		   height:510px;
		}
		#content .con-f2{
		   margin-top:50px;
		}
		#content .con-f2 .con2-left{
		   width:670px;
		   height:750px;
		}
       #content .con-f2 .con2-left .con2-title{
	       position:relative;
	         height:60px;
			 background:url("image/2016time.jpg")no-repeat;
			 border-bottom:1px solid #000;
	   }

	   #content .con-f2 .con2-left .con2-title .year{
	       position:absolute;
		   top:8px;
           left:12px;
	       width:40px;
		   height:40px;
		   background:url("image/Year.png")no-repeat -81px 0;
	   }
       #content .con-f2 .con2-left .con2-title span{
	      position:absolute;
	      display:inline-block;
		  width:54px;
		  height:38px;
		  background:url("image/number.png")no-repeat;
		}
		#content .con-f2 .con2-left .con2-title span.month{
		    top:10px;
			left:55px;
			background-position:0px -1155px;
		}
		#content .con-f2 .con2-left .con2-title span.time{
		    top:10px;
			left:123px;
			background-position:0px -810px;
		}
		#content .con-f2 .con2-left .con2-title .tit-log{
		   width:487px;
		   height:56px;
		   border-bottom:3px solid #000;
		   background:url("image/dailyelle.png")no-repeat 15px 7px;
		}

		#content .con-f2 .con2-left .con2-txt{
		   padding-top:20px;
		}
		#content .con-f2 .con2-left .con2-txt .con2Ul{
		
		}
		#content .con-f2 .con2-left .con2-txt .con2Ul li{
		    width:300px;
			height:300px;
            background:url("image/con2-txt.jpg")no-repeat;
			float:left;
			padding:10px;
		}

		#content .con-f2 .con2-left .con2-txt .con2Ul li a{
		   color:#000;
		}
        #content .con-f2 .con2-left .con2-txt .con2Ul li p{
		    height:40px;
			line-height:40px;
			text-align:center;
		}
		 #content .con-f2 .con2-left .con2-txt .con2Ul li a p.txt1{
		    margin-top:10px;
			height:40px;
			line-height:40px;
		    font-size:18px;
		    border-bottom:1px dotted #000;
		 }
		#content .con-f2 .con2-left .con2-txt .con2Ul li a p.txt1:hover{
		    text-decoration:underline;
		}
        #content .con-f2 .con2-left .con2-txt .con2Ul li p.txt-time{
		
		}
        #content .con-f2 .con2-left .con2-txt .con2Ul li p.txt-time .time-img{
		    padding:2px 0px 2px 35px;
		    background:url("image/time.png")no-repeat;
		}
		#content .con-f2 .con2-left .con2-txt .con2Ul li.liLast{
		    position:relative;
		}
		#content .con-f2 .con2-left .con2-txt .con2Ul li.liLast .con-img{
		   position:absolute;
		   top:117px;
		   left:50%;
            margin:-33px 0 0 -33px;
		   width:66px;
		   height:66px;
		   background:url("image/icons-sprite.png")no-repeat 0 -368px;
		}

		#content .con-f2 .con2-left .con2-txt .con2Ul li.liLast .con-img:hover{
		    background-position:0 -437px;
		}
		#content .con-f2 .con2-right{
		   width:300px;
		   height:750px;
		   overflow:hidden;
		}
		#content .con-f2 .con2-right .con2-top{
		   height:60px;
           border-bottom:1px solid #000;
		}
		#content .con-f2 .con2-right .con2-top .top-l{
		    width:50px;
			height:59px;
			background:url("image/hot.jpg")no-repeat 0px 1px ;
		}
        #content .con-f2 .con2-right .con2-top .top-r{
		    width:250px;
			height:52px;
			margin-top:4px;
			border-bottom:4px solid #000;
			background:url("image/todayshot.png")no-repeat;
		}
		#content .con-f2 .con2-right .con2-content ul li{
		    width:300px;
			height:116px;
			padding:21px 0  0  20px;
			border-bottom:1px dotted #000;
		}

		#content .con-f2 .con2-right .con2-content ul li img{
		    width:90px;
			height:90px;
			margin-left:20px;
		}
        #content .con-f2 .con2-right .con2-content ul li .btna{
		  color:#000;
		}
		#content .con-f2 .con2-right .con2-content ul li .btna .btna-txt{
		   display:inline-block;
		   vertical-align:top;
		   font-size:14px;
		   width:166px;
		   padding-top:5px;
		   margin-left:5px;
		}
		#content .con-f2 .con2-right .con2-content ul li .btna .btna-txt:hover{
		     text-decoration:underline;
		}
		#content .con-f2 .con2-right .con2-content ul li:nth-child(1){
		     background:url("image/no1.jpg")no-repeat 0px 34px;
		}
		#content .con-f2 .con2-right .con2-content ul li:nth-child(2){
		     background:url("image/no2.jpg")no-repeat 0px 34px;
		}
		#content .con-f2 .con2-right .con2-content ul li:nth-child(3){
		     background:url("image/no3.jpg")no-repeat 0px 34px;
		}
		#content .con-f2 .con2-right .con2-content ul li:nth-child(4){
		     background:url("image/no4.jpg")no-repeat 0px 34px;
		}
		#content .con-f2 .con2-right .con2-content ul li:nth-child(5){
		     background:url("image/no5.jpg")no-repeat 0px 34px;
		}
		 #content .con-f3{
		    margin-top:50px;
		 }
        #content .con-f3 .con3-title{
		     position:relative;
		     height:53px;
			 border-bottom:1px solid #000;
			 text-align:center;
		}
         #content .con-f3 .con3-title .con3-titleImg{
		     padding:0px 35px 33px 35px;
		     border-bottom:4px solid #000;
		 }
		 #content .con-f3 .con3-title .menu{
		     position:absolute;
			 bottom:0px;
			 right:0px;
		     width:40px;
			 height:20px;
			 background:url("image/icons-sprite.png")no-repeat 0px -506px;
		 }
		 #content .con-f3 .con3-title .menu:hover{
		      background-position:0px -529px;
		  }
		 #content .con-f3 .con3-btn{
		      width:100%;
		      margin:10px 0px 30px 0px;
		   }
		 #content .con-f3 .con3-btn .con3Ul{
		     width:375px;
			 margin:0px auto;

		 }
		 #content .con-f3 .con3-btn .con3Ul li{
		    float:left;
			font-size:14px;
			font-weight:bold;
			margin:0 5px;
		 }
		#content .con-f3 .con3-btn .con3Ul li a{
		      color:#000;
		  }
		#content .con-f3 .con3-btn .con3Ul li a:hover{
		    text-decoration:underline;
		}
		#content .con-f3 .con3-btn .con3Ul li.col a{
		      color:#f60;
		}
		#content .con-f3 .con3-center .con3Ul2{
		    margin-bottom:30px;
		}
		#content .con-f3 .con3-center .con3Ul2 li{
		     float:left;
			 border-bottom:1px dotted #000;
		}
		#content .con-f3 .con3-center .con3Ul2 li.licen{
		   margin:0px 50px;
		}
		#content .con-f3 .con3-center li .con3Txt{
		   height:60px;
		   line-height:60px;
		   font-size:21px;
		   text-align:center;
		}
		#content .con-f3 .con3-center li .con3Txt a{
		   color:#000;
		}
		#content .con-f3 .con3-center li .con3Txt:hover{
		      text-decoration:underline;
		}
		#content .con-f3 .con3-footer{
		  border:10px solid #E4E4E4;
		}
		#content .con-f3 .con3-footer .con3Ul3 li{
		     float:left;
			 width:480px;
			 height:240px;
			 border:5px solid #E4E4E4;
		}
		#content .con-f3 .con3-footer .con3Ul3 li a{
		   display:block;
		   color:#000;
		}
		#content .con-f3 .con3-footer .con3Ul3 li a .txtLeft{
		    width:240px;
			height:170px;
			padding-top:70px;
		}
		 #content .con-f3 .con3-footer .con3Ul3 li a .txtLeft .txtImg{
		      width:170px;
			  margin:0px 35px 0px;
			  padding:8px 0px 8px 0px; 
			  text-align:center;
			 border-bottom:1px dotted #000;
			
		 }
		#content .con-f3 .con3-footer .con3Ul3 li a .txtLeft .txtcon{
		    font-size:24px;
			padding:5px 0px;
			font-family:"微软雅黑";
			text-align:center;
		}
        /* e content */

		/* s  footer */
		#footer{
		   margin-top:50px;
		}
		#footer a{
		   color:#fff;
		}
	    #footer .forTop{
		   background:#FAFAFA;
		   padding-bottom:30px;
		}
		#footer .forTop .forUl li{
		   width:332px;
		   float:left;
		   overflow:hidden;
		}
		#footer .forTop .forUl li:nth-child(2){
		    border-right:1px dotted #000;
			border-left:1px dotted #000;
		}
		#footer .forTop .forUl li .btnImg{
		   display:block;
		   height:30px;
		   background:url("image/icons-sprite.png")no-repeat 25px -304px;
		}
		#footer .forTop .forUl li .btnImg:hover{
		   background:url("image/icons-sprite.png")no-repeat 25px -336px;
		}
		#footer .forbot{
		   height:440px;
		   background:#1F1B1C;
		}
	   #footer .forbot .botCon .title{
	       position:relative;
	       padding:30px 0px 0px 0px;
	       height:131px;
		   border-bottom:1px dotted #3c3c3c;
	   } 
	   #footer .forbot .botCon .title .top{
	       position:absolute;
		   top:-25px;
		   right:0;
		   height:58px;
		   width:59px;
		   background:url("image/icons-sprite.png")no-repeat 0px 0px;
	   }
	   #footer .forbot .botCon .title .top:hover{
	        background-position:0px -60px;
	   }
	   #footer .forbot .botCon .title .t-left{
	      width:165px;
		  height:100px;
	   }
	   #footer .forbot .botCon .title .t-left a.btnLo{
	     display:block;
	      width:160px;
		  height:58px;
		  background:url("image/footerlogo.png")no-repeat;
	   }

	   #footer .forbot .botCon .title .t-left .logoUl{
	       margin-top:20px;
	   }
       #footer .forbot .botCon .title .t-left .logoUl li{
	        width:30px;
			height:22px;
			float:left;
			padding:0px 5px 0px 6px;
	   }
       #footer .forbot .botCon .title .t-left .logoUl li a.listBtn{
	       position:relative;
	       display:block;
		   width:30px;
		   height:22px;
		   background:url("image/shareicon.png")no-repeat;
	    
	   }
	   #footer .forbot .botCon .title .t-left .logoUl li:nth-child(2) .listBtn{
	      background-position:-40px 0px;
	   }
	    #footer .forbot .botCon .title .t-left .logoUl li:nth-child(3) .listBtn{
	      background-position:-80px 0px;
	   }
	    #footer .forbot .botCon .title .t-left .logoUl li:nth-child(4) .listBtn{
	      background-position:-120px 0px;
	   }

	    #footer .forbot .botCon .title .t-left .logoUl li a.listBtn:hover{
		   background:url("image/shareicon_hover.png")no-repeat;
		}
	   #footer .forbot .botCon .title .t-left .logoUl li:nth-child(2) .listBtn:hover{
		     background-position:-40px 0px;
		}
		#footer .forbot .botCon .title .t-left .logoUl li:nth-child(3) .listBtn:hover{
		     background-position:-80px 0px;
		}
		#footer .forbot .botCon .title .t-left .logoUl li:nth-child(4) .listBtn:hover{
		     background-position:-120px 0px;
		}
	  #footer .forbot .botCon .title .t-left .logoUl li a.listBtn .ewm{
	      position:absolute;
          top:-145px;
		  left:0px;
		  display:none;
		  width:144px;
		  height:144px;
		  background:url("image/em10.png")no-repeat;
	  }
	  #footer .forbot .botCon .title .t-left .logoUl li a.btnEwm:hover .ewm{
	     display:block;
	  }
	   #footer .forbot .botCon .title .t-right{
	      width:805px;
		  height:130px;
		  line-height:30px;
          margin-left:20px;
		  font-size:14px;
	   }
	   #footer .forbot .botCon{
	      color:#fff;
	   }
	   #footer .forbot .botCon .title .t-right p a{
			padding-right:15px;
	   }
	   #footer .forbot .botCon .content{
	      height:79px;
		  text-align:center;
		  border-bottom:5px solid #3c3c3c;
	   }
	   #footer .forbot .botCon .content img{
	       margin-top:20px;
	   }
	   #footer .forbot .botCon .bottom{
	      width:885px;
		  margin:0 auto;
	   }
	   #footer .forbot .botCon .bottom p.botTxt1{
	     font-size:14px;
		 padding-top:30px;
		 padding-left:35px;
	   }
	     #footer .forbot .botCon .bottom p.botTxt1 a{
		    float:left;
			border-left:1px solid #000;
		    padding:0px 10px;
		 }
		 #footer .forbot .botCon .bottom p.botTxt1 a:nth-child(1){
		    border-left:none;
		 }
		 #footer .forbot .botCon .bottom p.botTxt2{
		     font-size:13px;
		     text-align:center;
			 padding:30px 0 0;
		 }
		#footer .forbot .botCon .bottom p.botTxt2 .gaImg{
		    margin-left:20px;
			margin-right:10px;
		}
		/* e  footer */
		</style>
	</head>
<body>
    <!--top s-->
    <div id="top">
	  <div class="top-con">
	     <div class="logo">
		   <img src="image/top1.jpg" />
		 </div>
		 <a href="#" class="top-img">
		  <img src="image/top2.png" />
	     </a>
	  </div>

	   <div class="search">
	       <div class="sear">
		      <div class="sear-con main">
			     <ul>
			     	<li>
					  <a href="" class="btn1">杂志订阅</a>
					  <a href="" class="btn1">ELLE信用卡</a>
					</li>
			     	<li class="ul-list">
					   <a href="" class="btn2"></a>
					</li>
			     	<li class="ul-list">
					   <div class="li-con">
					       <a href="" class="btn reset">注册Register</a>
						   <i></i>
					       <a href="" class="btn sigin">登录Sign in</a>
					       <span  class="imgBtn fR"></span>
						   <span class="img-a">
                                <a href="" class="imgbtn-a img-b1 weixin sanj">
								   <img  class ="ewm" src="image/em10.png" alt="" />
								</a>
							    <a href="" class="imgbtn-a img-b2"></a>
							    <a href="" class="imgbtn-a img-b3"></a>
							</span>
					   </div>
					</li>
			     </ul>
			  </div>
		   </div> 
           <div class="main list">
		        <ul class="ulList">
		        	<li><a href="" class="txt-fist">首页</a></li>
		        	<li><a href="">时装</a></li>
		        	<li><a href="">奢华</a></li>
		        	<li><a href="">美容</a></li>
		        	<li><a href="">美妆</a></li>
		        	<li><a href="">美发</a></li>
		        	<li><a href="">明星</a></li>
		        	<li><a href="">珠宝</a></li>
		        	<li><a href="">腕表</a></li>
		        	<li><a href="">生活</a></li>
		        	<li><a href="">新娘</a></li>
		        	<li><a href="">专题</a></li>
		        	<li><a href="">男士</a></li>
		        	<li><a href="">家居</a></li>
		        	<li><a href="">品牌</a></li>
		        	<li><a href="">论坛</a></li>
		        	<li><a href="">博客</a></li>
		        	<li><a href="">ELLEfit</a></li>
		        	<li><a href="">SuperELLE</a></li>
		        </ul>
		   </div>
	  </div>
	</div>
	 <!--e top-->

	  <!--content s-->
   <div id="content" class="main">      
	 <div class="con-f1 clearfixed">
	    <div class="con-left fL">
	       <div class="con-banner">
		       <a href="">
			      <img src="image/con1-l.jpg" alt="" />
			   </a>
			   <span class="con-bat prev"> </span>
			    <span class="con-bat next"> </span>
		   </div>
		   <div class="con-txt">
		      <p class="txt-p">
			     <span><a href="">夏天也能穿美美雪纺衫！</a></span>
				 <span><a href="">好看的人，鼻子上都有这条“线”</a></span>
			     <span><a href="">周冬雨最爱的木耳边单品</a></span>
			  </p>
		      <p class="txt-p">
				  <span><a href="">今夏显腿长五大技巧</a></span>
				  <span><a href="">露背装已买好，发型该怎么配？</a></span>
                  <span><a href="">唐嫣私底下原来爱穿白T</a></span>
			  </p>
		   </div>
	     </div>
	     <div class="con-right fR">
	       <img src="image/con-right.jpg" alt="" />
	     </div>
	 </div>
	 <div class="con-f2 clearfixed">
	   <div class="con2-left fL">
	      <div class="con2-title">
		     <div class="year"></div>
			 <div class="tit-txt"></div>
			 <span class="month"></span>
			 <span class="time"></span>
			 <div class="tit-log fR"></div>
		  </div>
		  <div class="con2-txt">
		     <ul class="con2Ul">
		     	<li class="mar-r">
				  <a href="">
				    <img src="image/thumb.jpg" alt="" />
					<p class="txt1">今年流行给衣服加飘带!</p>
				  </a>
				  <p class="txt-time">
					  <span class="time-img">2小时前</span>
				  </p>
				</li>
		     	<li class="mar-b">
				   <a href="">
				    <img src="image/thumb1.jpg" alt="" />
					<p class="txt1">学范冰冰一年700张面膜真的有用</p>
				  </a>
				  <p class="txt-time">
					  <span class="time-img">2小时前</span>
				  </p>
				</li>
		     	<li class="mar-r">
				    <a href="">
				    <img src="image/thumb2.jpg" alt="" />
					<p class="txt1">吃货、老公人设还能走多久？</p>
				  </a>
				  <p class="txt-time">
					  <span class="time-img">2小时前</span>
				  </p>
				</li>
		     	<li class="liLast"> 
				  <a href="">
				    <img src="image/thumb3.jpg" alt="" />
					<span class="con-img"></span>
					<p class="txt1">女星们都爱这件羊绒衫</p>
				  </a>
				  <p class="txt-time">
					  <span class="time-img">2小时前</span>
				  </p>
				</li>
		     </ul>
		  </div>
	   </div>
	   <div class="con2-right fR">
	      <div class="con2-top">
		     <div class="top-l fL"></div>
			 <div class="top-r fR"></div>
		  </div>
		  <div class="con2-content">
		     <ul>
		     	<li>
				  <img src="image/con2-r-img.jpg" alt="" />
				  <a  class="btna" href="">
				    <p class="btna-txt">鼻子美不美,先来看看有没有这条线！</p>
				  </a>
			    </li>
		     	<li>
				  <img src="image/con2-r-img1.jpg" alt="" />
				  <a  class="btna" href="">
				    <p class="btna-txt">杨幂发际线变低后，更爱这几款发型！</p>
				  </a>
				</li>
		     	<li>	  
				   <img src="image/con2-r-img2.jpg" alt="" />
				  <a  class="btna" href="">
				    <p class="btna-txt">青春运动剧女主才是看点好嘛！</p>
				  </a>
                </li>
		     	<li>			  
				   <img src="image/con2-r-img3.jpg" alt="" />
				  <a  class="btna" href="">
				    <p class="btna-txt">宋佳说她暑假结束了，我差点就信了！</p>
				  </a>
				</li>
		     	<li>
				  <img src="image/con2-r-img4.jpg" alt="" />
				  <a  class="btna" href="">
				    <p class="btna-txt">42岁的蒋勤勤还能惊艳你？路透照说明了一切！</p>
				  </a>
				</li>
		     </ul>
		  </div>
	   </div>
	 </div>
	 <div class="con-f3">
	     <div class="con3-title">
		     <a href="" class="con3-titleImg">
			    <img src="image/fashion.png" alt="" />
			 </a>
			 <a href="" class="menu"></a>
		 </div>
		 <div class="con3-btn">
		     <ul class="con3Ul clearfixed">
		     	<li class="col"><a href="">ELLE教搭配</a></li>
		     	<li><a href="">星衣Q</a></li>
		     	<li><a href="">星单品</a></li>
		     	<li><a href="">尖货</a></li>
		     	<li><a href="">前沿</a></li>
		     	<li><a href="">珠宝</a></li>
		     	<li><a href="">腕表</a></li>
		     	<li class="col"><a href="">街拍</a></li>
		     </ul>
		 </div>
		 <div class="con3-center">
		   <ul class="con3Ul2 clearfixed">
		   	<li>
			  <a href="">
			    <img src="image/con3img2.jpg" alt="" />
			  </a>
			  <p class="con3Txt"><a href="">一招玩转百搭衬衫</a></p>
			</li>
		   	<li class="licen">
			  <a href="">
			    <img src="image/con3img.jpg" alt="" />
			  </a>
			  <p class="con3Txt"><a href="">迷你裙让你的腿这么美！</a></p>
			</li>
		   	<li>
			  <a href="">
			    <img src="image/con3img3.jpg" alt="" />
			  </a>
			  <p class="con3Txt"><a href="">如何穿好卫衣的高级技巧在这里</a></p>
			</li>
		   </ul>
		 </div>
         <div class="con3-footer">
		     <ul class="con3Ul3 clearfixed">
		     	<li>
				   <a href="" class="show">
				     <div class="txtLeft fL">
					    <p class="txtImg">
						  <img src="image/tag1.jpg" alt="" />
						</p>
						<p class="txtcon">周冬雨最爱迷你包！</p>
					 </div>
					 <img class="showImg fR"  src="image/show1.gif" alt="" />
				   </a>
			    </li>
		     	<li> 
				   <a href="" class="show">
				     <div class="txtLeft fL">
					     <p class="txtImg">
						  <img src="image/tag2.jpg" alt="" />
						</p>
						<p class="txtcon">这双鞋子不美,却很红！</p>
					 </div>
					 <img class="showImg fR" src="image/show2.jpg" alt="" />
				   </a></li>
		     	<li> 
				   <a href="" class="show">
				     <div class="txtLeft fR">
					     <p class="txtImg">
						  <img src="image/tag3.jpg" alt="" />
						 </p>
						 <p class="txtcon">盛夏的婚礼,清凉浪漫我都要！</p>
					 </div>
					 <img  class="showImg fL"  src="image/show3.jpg" alt="" />
				   </a>
				</li>
		     	<li>
				   <a href="" class="show">
				    <div class="txtLeft fR">
					    <p class="txtImg">
						  <img src="image/tag4.jpg" alt="" />
						</p>
						<p class="txtcon">这枚人见人爱的腕表已经一百岁了！</p>
				    </div>
					 <img class="showImg fL"  src="image/show4.jpg" alt="" />
				   </a>
				</li>
		     </ul>
		 </div>
	 </div>
   </div>
	 <!--e content-->

	  <!--footer s-->
	<div id="footer">
	   <div class="forTop main">
	      <ul class="forUl clearfixed">
	      	<li>
			  <a href=""><img src="image/footerImg.gif" alt="" /></a>
			  <a href="" class="btnImg"></a>
			</li>
	      	<li>			
			  <a href=""><img src="image/forImg2.gif" alt="" /></a>
              <a href=""><img src="image/foreWm.jpg" alt="" /></a>

			</li>
	      	<li>			
			  <a href=""><img src="image/forImg3.jpg" alt="" /></a>
            </li>
	      </ul>
	   </div>
	   <div class="forbot">
	      <div class="botCon main">
			 <div class="title clearfixed">
			   <a href="" class="top"></a>
			     <div class="t-left fL">
				    <a href="" class="btnLo"></a>
					<ul class="logoUl">
						<li>
						  <a href="" class="listBtn btnEwm">
						     <span class="ewm"></span>
						  </a>
						</li>
						<li>
						  <a href="" class="listBtn"></a>
						</li>
						<li>
						  <a href="" class="listBtn"></a>
						</li>
						<li>
						  <a href="" class="listBtn"></a>
						</li>
					</ul>
				 </div>
				 <div class="t-right fR">
				    <p class="txt1">全球站点 Global Website：</p>
					<p class="txt2">
					   <a href="">中国</a>
					   <a href="">美国</a>
					   <a href="">英国</a>
					   <a href="">德国</a>
					   <a href="">瑞典</a>
					   <a href="">挪威</a>
					   <a href="">巴西</a>
					   <a href="">荷兰</a>
					   <a href="">泰国</a>
					   <a href="">日本</a>
					   <a href="">韩国</a>
					   <a href="">香港</a>
					   <a href="">台湾</a>
					   <a href="">意大利</a>
					   <a href="">西班牙</a>
					</p>
					<p class="txt3">
					   <a href="">加拿大</a>
					   <a href="">俄罗斯</a>
					   <a href="">比利时</a>
					   <a href="">捷克</a>
					   <a href="">丹麦</a>
					   <a href="">芬兰</a>
					   <a href="">匈牙利</a>
					   <a href="">印度</a>
					   <a href="">魁北克</a>
					   <a href="">南非</a>
					   <a href="">土耳其</a>
					   <a href="">斯洛文尼亚</a>
					</p>
					<p class="txt4">
					  <span class="titll">集团站点 Group Website：</span>
					  <a href="">ELLESHOP</a>
					  <a href="">嘉人</a>
					  <a href="">ELLEMEN</a>
					  <a href="">名车志</a>
					  <a href="">伊周</a>
					  <a href="">赫斯特中国</a>
					  <a href="">华道发行</a>
					</p>
				 </div>
			 </div>
			 <div class="content">
			   <img src="image/hearstmagazines.png" alt="" />
			 </div>
             <div class="bottom">
			    <p class="botTxt1 clearfixed">
				   <a href="">注册有礼</a>
				   <a href="">网站地图</a>
				   <a href="">关于我们</a>
				   <a href="">新闻动态</a>
				   <a href="">广告合作</a>
				   <a href="">诚聘英才</a>
				   <a href="">友情链接</a>
				   <a href="">隐私声明</a>
				   <a href="">网站声明</a>
				   <a href="">联系我们</a>
				   <a href="">话题</a>
				</p>
			    <p class="botTxt2">
				Copyright © 2017 ellechina.com All rights reserved.北京必尔得广告有限公司 版权所有 京ICP证060525号
				<img class="gaImg" src="image/gongshang.png" alt="" />
				<a href="">京公网安备 11010502030397号</a>
				</p>
			 </div>
		  </div>
	   </div>
	</div>
	 <!--e footer-->
</body>
</html>
